<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/easyui/jquery.easyui.min.js" /></script>
	<!-- 导入easyui类库 -->
<link id="easyuiTheme" rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/js/easyui/themes/icon.css">
</head>
<body>   
    <table id="grid"></table>
</body> 
<script type="text/javascript">
	$(function(){
		$("#grid").datagrid({
			columns:[[
			         {field:'id',title:'编号',width:100,checkbox:true},
			         {field:'name',title:'姓名',width:100},
			         {field:'age',title:'年龄',width:100}
			         ]],
			url:"${pageContext.request.contextPath }/json/data.json",
			pagination:true,
			rownumbers:true,
			fitColumns:true,
			singleSelect:true,
			toolbar:[
			         {text:'添加',iconCls:'icon-add'},
			         {text:'删除',iconCls:'icon-remove'},
			         {text:'修改',iconCls:'icon-edit'}
			         ]
		});
	});
</script>
</html>